<template>
	<view class="content" v-if="show==1">
		<view class="main">
			<view class="cause" v-if="teacher.status==-1">驳回原因：{{teacher.cause}}</view>
			<view class="shenhe" v-if="teacher.status==1">您的资料正在审核中，请耐心等待！</view>
			<view class="yes" v-if="teacher.status==2">
				您的资料已通过审核！
				<view class="chongxin" @click="chongxin">店铺重新认证</view>
			</view>
			<view class="info">
				<view class="info2"><text>*</text>真实姓名</view>
				<view class="info3">
					<input type="text" :disabled="teacher.status>0?true:false" placeholder-class="zhuzhu" @input="name" placeholder="请填写真实姓名" :value="teacher.name"/>
				</view>
			</view>
			<!--<view class="info">
				<view class="info2"><text>*</text>身份证号码</view>
				<view class="info3">
					<input type="text" :disabled="teacher.status>0?true:false" placeholder-class="zhuzhu" @input="card_no" placeholder="请填写身份证号码" :value="teacher.card_no"/>
				</view>
			</view>-->
			<view class="info">
				<view class="info2"><text>*</text>您的性别</view>
				<view class="info3">
					<picker @change="bindPickerChange" :disabled="teacher.status>0?true:false" :value="teacher.sex" :range="sex">
						<text style="color:#999;" v-if="teacher.sex==-1">请选择性别</text>
						<text v-if="teacher.sex>-1">{{sex[teacher.sex]}}</text>
					</picker>
				</view>
				<image src="../../static/xiaxia.png" mode="aspectFill" class="xiaxia"></image>
			</view>
			<view class="info">
				<view class="info2"><text>*</text>籍贯</view>
				<view class="info3">
					<picker :disabled="teacher.status>0?true:false" mode ="multiSelector" @columnchange="sheng" @change="chengshi" :value="cy" :range="city">
						<text v-if="teacher.sheng">{{diqu[cy[0]].name}}-{{diqu[cy[0]].city[cy[1]]}}-{{diqu[cy[0]].shi[cy[1]].xian[cy[2]]}}</text>
						<text v-if="!teacher.sheng" style="color:#8a8a8a;">请选择籍贯</text>
					</picker>
				</view>
				<image src="../../static/xiaxia.png" mode="aspectFill" class="xiaxia"></image>
			</view>
			<view class="info">
				<view class="info2"><text>*</text>工作经验</view>
				<view class="info3">
					<view class="jingyan" v-if='teacher.status<1' @click="jian">-</view>
					<view class="jingyan2">
						<input type="number" :disabled="teacher.status>0?true:false" @input="gzyear" :value="teacher.px_year">
					</view>
					<view class="jingyan3" v-if='teacher.status<1' @click="jia">+</view>
					<view class="jingyan4">年</view>
				</view>
			</view>
			<!--<view class="info5">
				<view class="info6"><text>*</text>身份证</view>
				<view class="info7" style="padding-top: 6px;">
					<view class="fengcai">
					<image class="fcimg" @click="fen(1)" :src="teacher.card_z_image?teacher.card_z_image:'../../static/zm.jpg'" mode="aspectFill"/>
					<image v-if="teacher.status<1 && teacher.card_z_image" class="fccha" @click="delimg(4)" src="../../static/images/cha.png" mode="aspectFill"/>
					</view>
					<view class="fengcai">
					<image class="fcimg" @click="fen(2)" :src="teacher.card_f_image?teacher.card_f_image:'../../static/fm.jpg'" mode="aspectFill"/>
					<image v-if="teacher.status<1 && teacher.card_f_image" class="fccha" @click="delimg(5)" src="../../static/images/cha.png" mode="aspectFill"/>
					</view>
				</view>
			</view>-->
			<view class="info5">
				<view class="info6"><text>*</text>实体门头照片</view>
				<view class="info7" style="padding-top: 6px;">
					<view class="fengcai">
					<image class="fcimg" @click="aa" :src="teacher.js_image?teacher.js_image:'../../static/cs.png'" mode="aspectFill"/>
					</view>
				</view>
			</view>
			<view class="info5">
				<view class="info6"><text>*</text>营业执照照片</view>
				<view class="info7" style="padding-top: 6px;">
					<view class="fengcai">
					<image class="fcimg" @click="xue(1)" :src="teacher.xueji_image?teacher.xueji_image:'../../static/cs.png'" mode="aspectFill"/>
					</view>
				</view>
			</view>
			<view style="width:100%;height:50px;"></view>
			<view class="info4" @click="baocun2" v-if="teacher.status<1">
				提交审核
			</view>
			
		</view>
		<view v-if="is_gh==true" style="width:100%;">
		<view class="geng"></view>
		<view class="geng2">
			<view class="geng3">
				<text>支付</text>
				<image @click="gengh" src="../../static/cha.png" mode="aspectFit"></image>
			</view>
			<!-- #ifdef APP-PLUS -->
			<view class="geng4" v-if="zdtype==0">
				<view class="geng5">支付方式</view>
				<view class="geng6">
					<radio-group @change="moren2" style="text-align: right;line-height: 45px;">
						<label style="margin-right: 30px;">
							<radio value="2" color="#05c160" :checked="paytype==2" style="transform:scale(0.7)" />支付宝支付
						</label>
						<label>
							<radio value="1" color="#05c160" :checked="paytype==1" style="transform:scale(0.7)" />微信支付
						</label>
					</radio-group>
				</view>
			</view>
			<!-- #endif -->
			<view class="geng4">
				<view class="geng5">支付金额</view>
				<view class="geng6" style="line-height: 40px;text-align: right;font-size: 1.1rem;color:red;">
					{{zdtype==1?'㉿':'￥'}}{{price}}
				</view>
			</view>
			<!-- #ifdef MP-WEIXIN -->
			<view class="geng8" @click="shouquan">立即支付</view>
			<!-- #endif -->
			<!-- #ifndef MP-WEIXIN -->
			<view class="geng8" @click="zhifu" v-if="zdtype==0">立即支付</view>
			<view class="geng8" @click="zhifu" v-if="zdtype==1 && usermoney>=price">立即支付</view>
			<view class="geng8" @click="chong" v-if="zdtype==1 && usermoney<price">课券余额不足，去充值</view>
			<!-- #endif -->
		</view>
		</view>
	</view>
</template>

<script>
	var app=getApp();
	var dingshi;
	export default {
		data() {
			return {
				show:0,
				uid:0,
				is_gh:false,
				sex:['男','女'],
				xueli:[],
				xl:[],
				school_type:[],
				st:[],
				fangshi:[],
				fs:[],
				is_xl:0,
				zdtype:0,
				city:[],
				cy:[0,0,0],
				diqu:[],
				sindex:0,
				cindex:0,
				sc:0,
				teacher:[],
				price:0,
				usermoney:0,
				paytype:0,
				wxcode:'',
				is_wx:0
			}
		},
		onLoad() {
			const uid = uni.getStorageSync('uid');
			if(app.isBlank(uid)==true){
				app.error_msg("请先登录");
			}
			// #ifdef MP-WEIXIN
			this.is_wx=1;
			this.paytype=1;
			// #endif
			var that=this;
			// #ifdef APP-PLUS
			uni.getSystemInfo({
			    success: function (res) {
					if(res.platform=='ios'){
						that.zdtype=1;
					}
			    }
			});
			// #endif
			this.uid=uid;
			this.getdata();
		},
		methods: {
			getdata(){
				var that=this;
				uni.showLoading({
				    title: '数据加载中'
				});
				uni.request({
				    url: app.globalData.url+"laoshi/shiming",
					method:"POST",
					dataType:"json",
					header: {
					    'content-type': 'application/x-www-form-urlencoded'
					},
				    data: {uid:that.uid},
				    success: (res) => {
						uni.hideLoading();
						if(res.data.code!=1){
							app.error_msg(res.data.msg);
						}
						
						that.teacher=res.data.data.teacher
						that.city=res.data.data.city
						that.diqu=res.data.data.diqu
						that.cy=res.data.data.index
						that.xueli=res.data.data.xueli
						that.xl=res.data.data.xl
						that.is_xl=res.data.data.is_xl;
						that.sindex=res.data.data.index[0]
						that.cindex=res.data.data.index[1]
						that.school_type=res.data.data.school_type
						that.st=res.data.data.st
						that.fangshi=res.data.data.fangshi
						that.fs=res.data.data.fs
						that.price=res.data.data.price
						that.usermoney=res.data.data.usermoney
						that.show=1;
				    }
				});
			},
			baocun2(){
				var that=this;
				if(app.isBlank(this.teacher.name)==true){
					uni.showToast({
					    title: "请填写真实姓名",
						icon:'none',
					    duration: 1500
					});
					return false;
				}
				/*if(app.isBlank(this.teacher.card_no)==true){
					uni.showToast({
					    title: "请填写身份证号码",
						icon:'none',
					    duration: 1500
					});
					return false;
				}*/
				if(this.teacher.sex==-1){
					uni.showToast({
					    title: "请选择您的性别",
						icon:'none',
					    duration: 1500
					});
					return false;
				}
				if(app.isBlank(this.teacher.sheng)==true){
					uni.showToast({
					    title: "请选择籍贯",
						icon:'none',
					    duration: 1500
					});
					return false;
				}
				if(app.isBlank(this.teacher.px_year)==true){
					uni.showToast({
					    title: "请设置工作经验",
						icon:'none',
					    duration: 1500
					});
					return false;
				}
				if(this.teacher.px_year<0){
					uni.showToast({
					    title: "工作经验不能小于0",
						icon:'none',
					    duration: 1500
					});
					return false;
				}
				/*if(app.isBlank(this.teacher.card_z_image)==true){
					uni.showToast({
					    title: "请上传身份证正面",
						icon:'none',
					    duration: 1500
					});
					return false;
				}
				if(app.isBlank(this.teacher.card_f_image)==true){
					uni.showToast({
					    title: "请上传身份证反面",
						icon:'none',
					    duration: 1500
					});
					return false;
				}*/
				if(app.isBlank(this.teacher.js_image)==true){
					uni.showToast({
					    title: "请上传实体门头照片",
						icon:'none',
					    duration: 1500
					});
					return false;
				}
				if(app.isBlank(this.teacher.xueji_image)==true){
					uni.showToast({
					    title: "请上传营业执照照片",
						icon:'none',
					    duration: 1500
					});
					return false;
				}
				uni.showLoading({
				    title: '提交中..'
				});
				that.baocun();
			},
			baocun(){
				var that=this;
				var u=JSON.stringify(that.teacher);
				u=JSON.parse(u)
				u.uid=that.uid;
				uni.request({
				    url: app.globalData.url+"laoshi/doshiming",
					method:"POST",
					dataType:"json",
					header: {
					    'content-type': 'application/x-www-form-urlencoded'
					},
				    data: u,
				    success: (res) => {
						uni.hideLoading();
						if(res.data.code!=1){
							uni.showToast({
							    title: res.data.msg,
								icon:'none',
							    duration: 1500
							});
							return false;
						}
						uni.showToast({
						    title: res.data.msg,
							icon:'success',
						    duration: 1000
						});
						that.teacher.status=1;
				    }
				});
			},
			smoney(m){
				this.usermoney=m;
			},
			chong(){
				uni.navigateTo({
				    url: "/pages/user/chong?type=1"
				});
			},
			shouquan(){
				var that=this;
				
				uni.showLoading({
				    title: '请求中'
				});
				uni.login({
				  provider: 'weixin',
				  success: function (loginRes) {
					that.wxcode=loginRes.code;
					that.zhifu(1);
				  },
				  fail(){
					  uni.showToast({
					      title: '信息异常，请重试',
							icon:'none',
					      duration: 1000
					  });
				  }
				});
			},
			zhifu(t=0){
				var that=this;
				if(t==0){
				uni.showLoading({
				    title: '请求中'
				});
				}
				var type='wxxcx';
				// #ifdef APP-PLUS
				type='app';
				if(this.zdtype==0 && this.paytype==0){
					uni.showToast({
					    title: '请选择支付方式',
						icon:'none',
					    duration: 1000
					});
					return false;
				}
				// #endif
				if(this.zdtype==1){
					this.paytype=3;
				}
				
				uni.request({
				    url: app.globalData.url+"laoshi/rz_pay",
					method:"POST",
					dataType:"json",
					header: {
					    'content-type': 'application/x-www-form-urlencoded'
					},
				    data: {uid:that.uid,paytype:that.paytype,type:type,code:that.wxcode,zdtype:that.zdtype},
				    success: (res) => {
						uni.hideLoading();
						if(res.data.code!=1){
							uni.showToast({
							    title: res.data.msg,
								icon:'none',
							    duration: 1500
							});
							return false;
						}
						
						if(res.data.data.is_pay==0){
							uni.showToast({
							    title: "支付成功",
								icon:'success',
							    duration: 1000
							});
							that.teacher.status=0;
							that.gengh();
							return false;
						}
						
						if(type=="wxxcx"){
							uni.requestPayment({
							    provider: 'wxpay',
							    timeStamp: res.data.data.pay.timeStamp,
								nonceStr: res.data.data.pay.nonceStr,
								package: res.data.data.pay.package,
								signType: 'MD5',
								paySign: res.data.data.pay.paySign,
							    success: function (res) {
							        uni.showToast({
							            title: "支付成功",
							        	icon:'success',
							            duration: 1000
							        });
							        that.teacher.status=0;
									that.gengh();
							    },
							    fail: function (err) {
							        console.log('fail:' + JSON.stringify(err));
							    }
							});
						}else if(type=="app"){
							if(that.paytype==1){
								uni.requestPayment({
								    provider: 'wxpay',
								    orderInfo: {
										"appid": res.data.data.pay.appid,
										"noncestr": res.data.data.pay.noncestr, // 随机字符串
										"package": res.data.data.pay.package,        // 固定值
										"partnerid": res.data.data.pay.partnerid,      // 微信支付商户号
										"prepayid": res.data.data.pay.prepayid, // 统一下单订单号 
										"timestamp": res.data.data.pay.timestamp,        // 时间戳（单位：秒）
										"sign": res.data.data.pay.sign // 签名，这里用的 MD5 签名
									},
								    success: function (res) {
								        uni.showToast({
								            title: "支付成功",
								        	icon:'success',
								            duration: 1000
								        });
								        that.teacher.status=0;
										that.gengh();
								    },
								    fail: function (err) {
								        console.log('fail:' + JSON.stringify(err));
								    }
								});
							}else{
								uni.requestPayment({
								    provider: 'alipay',
								    orderInfo: res.data.data.pay,
								    success: function (res) {
								        uni.showToast({
								            title: "支付成功",
								        	icon:'success',
								            duration: 1000
								        });
								        that.teacher.status=0;
										that.gengh();
								    },
								    fail: function (err) {
								        console.log('fail:' + JSON.stringify(err));
								    }
								});
							}
						}
				    }
				});
			},
			jian(){
				if(this.teacher.status>0){
					return false;
				}
				if(this.teacher.px_year<=0){
					this.teacher.px_year=0;
				}else{
					this.teacher.px_year--;
				}
			},
			jia(){
				if(this.teacher.status>0){
					return false;
				}
				if(this.teacher.px_year<0){
					this.teacher.px_year=0;
				}else{
					this.teacher.px_year++;
				}
			},
			gengh(){
				this.is_gh=!this.is_gh;
			},
			aa(){
				var that=this;
				if(this.teacher.status>0){
					uni.previewImage({
						urls: [that.teacher.js_image]
					});
					return false;
				}
				
				uni.showActionSheet({
				    itemList: ['使用相机', '访问相册'],
				    success: function (res) {
						that.img(res.tapIndex);
				    },
				    fail: function (res) {
				        console.log(res.errMsg);
				    }
				});
			},
			img(t){
				var that=this;
				if(t==0){
					var lx=["camera"];
				}else{
					var lx=["album"];
				}
				uni.chooseImage({
				    count: 1,
					sizeType:"compressed",
					sourceType:lx,
				    success: function (res) {
				        const tempFilePaths = res.tempFilePaths;
						uni.showLoading({
						    title: '上传中'
						});
						uni.uploadFile({
							url: app.globalData.url+'upload/uploadImg',
							filePath: tempFilePaths[0],
							name: 'file',
							success: (uploadFileRes) => {
								uni.hideLoading();
								var str=JSON.parse(uploadFileRes.data)
								if(str.code!=1){
									uni.showToast({
									    title: res.data.msg,
										icon:'none',
									    duration: 1500
									});
									return false;
								}
								uni.showToast({
								    title: str.msg,
									icon:'success',
								    duration: 1000
								});
								that.teacher.js_image=str.data.image;
							}
						});
				    },
					fail(e){
						console.log(e);
					}
				});
			},
			xue(t){
				var that=this;
				if(this.teacher.status>0){
					if(t==1){
						var imgs=that.teacher.xueji_image;
					}else if(t==2){
						var imgs=that.teacher.xueli_image;
					}else if(t==3){
						var imgs=that.teacher.xuewei_image;
					}
					uni.previewImage({
						urls: [imgs]
					});
					return false;
				}
				
				uni.showActionSheet({
				    itemList: ['使用相机', '访问相册'],
				    success: function (res) {
						that.xueimg(res.tapIndex,t);
				    },
				    fail: function (res) {
				        console.log(res.errMsg);
				    }
				});
			},
			xueimg(t,tt){
				var that=this;
				if(t==0){
					var lx=["camera"];
				}else{
					var lx=["album"];
				}
				uni.chooseImage({
				    count: 1,
					sizeType:"compressed",
					sourceType:lx,
				    success: function (res) {
				        const tempFilePaths = res.tempFilePaths;
						uni.showLoading({
						    title: '上传中'
						});
						uni.uploadFile({
							url: app.globalData.url+'upload/uploadImg',
							filePath: tempFilePaths[0],
							name: 'file',
							success: (uploadFileRes) => {
								uni.hideLoading();
								var str=JSON.parse(uploadFileRes.data)
								if(str.code!=1){
									uni.showToast({
									    title: res.data.msg,
										icon:'none',
									    duration: 1500
									});
									return false;
								}
								uni.showToast({
								    title: str.msg,
									icon:'success',
								    duration: 1000
								});
								if(tt==1){
									that.teacher.xueji_image=str.data.image;
								}else if(tt==2){
									that.teacher.xueli_image=str.data.image;
								}else if(tt==3){
									that.teacher.xuewei_image=str.data.image;
								}
							}
						});
				    },
					fail(e){
						console.log(e);
					}
				});
			},
			
			fen(t){
				var that=this;
				if(this.teacher.status>0){
					if(t==1){
						var imgs=that.teacher.card_z_image;
					}else if(t==2){
						var imgs=that.teacher.card_f_image;
					}
					uni.previewImage({
						urls: [imgs]
					});
					return false;
				}
				
				uni.showActionSheet({
				    itemList: ['使用相机', '访问相册'],
				    success: function (res) {
						that.fenimg(res.tapIndex,t);
				    },
				    fail: function (res) {
				        console.log(res.errMsg);
				    }
				});
			},
			fenimg(t,tt){
				var that=this;
				if(t==0){
					var lx=["camera"];
				}else{
					var lx=["album"];
				}
				uni.chooseImage({
				    count: 1,
					sizeType:"compressed",
					sourceType:lx,
				    success: function (res) {
				        const tempFilePaths = res.tempFilePaths;
						uni.showLoading({
						    title: '上传中'
						});
						uni.uploadFile({
							url: app.globalData.url+'upload/uploadImg',
							filePath: tempFilePaths[0],
							name: 'file',
							success: (uploadFileRes) => {
								uni.hideLoading();
								var str=JSON.parse(uploadFileRes.data)
								if(str.code!=1){
									uni.showToast({
									    title: res.data.msg,
										icon:'none',
									    duration: 1500
									});
									return false;
								}
								uni.showToast({
								    title: str.msg,
									icon:'success',
								    duration: 1000
								});
								if(tt==1){
									that.teacher.card_z_image=str.data.image;
								}else if(tt==2){
									that.teacher.card_f_image=str.data.image;
								}
							}
						});
				    },
					fail(e){
						console.log(e);
					}
				});
			},
			chongxin(){
				if(this.price<=0){
					this.teacher.status=0;
					return false;
				}
				if(this.zdtype==0){
					var t="重新实名认证需要支付￥"+this.price;
				}else{
					var t="重新实名认证需要支付㉿"+this.price;
				}
				var that=this;
				uni.showModal({
				    title: '确定要重新进行认证吗？',
				    content: t,
				    success: function (res) {
				        if (res.confirm) {
				            that.is_gh=true;
				        }
				    }
				});
			},
			moren(e){
				this.sc=e.detail.value;
			},
			moren2(e){
				this.paytype=e.detail.value;
			},
			bindPickerChange: function(e) {
				this.teacher.sex = e.target.value
			},
			xli: function(e) {
				this.teacher.xuelis = e.target.value
				this.is_xl=1;
			},
			fang: function(e) {
				this.teacher.fs = e.target.value
				this.teacher.fangshi = this.fangshi[e.target.value].id
			},
			chengshi: function(e) {
				var index=e.detail.value;
				this.teacher.sheng=this.diqu[index[0]].name;
				this.teacher.shi=this.diqu[index[0]].city[index[1]];
				this.teacher.xian=this.diqu[index[0]].shi[index[1]].xian[index[2]];
				this.cy=e.detail.value;
			},
			sheng: function(e) {
				if(e.detail.column==0){
					this.city[1]=this.diqu[e.detail.value].city;
					this.sindex=e.detail.value;
					var len=this.diqu[e.detail.value].city.length;
					len=parseInt(len);
					if(len<=this.cindex){
						this.city[2]=this.diqu[e.detail.value].shi[0].xian;
					}else{
						this.city[2]=this.diqu[e.detail.value].shi[this.cindex].xian;
					}
					this.$forceUpdate();
				}
				if(e.detail.column==1){
					this.city[2]=this.diqu[this.sindex].shi[e.detail.value].xian;
					this.cindex=e.detail.value;
					this.$forceUpdate();
				}
			},
			schooltype: function(e) {
				
				this.teacher.schooltype=e.detail.value;
				this.teacher.school_type=this.school_type[e.detail.value].id
			},
			delimg(t){
				if(t==1){
					this.teacher.xueji_image='';
				}else if(t==2){
					this.teacher.xueli_image='';
				}else if(t==3){
					this.teacher.xuewei_image='';
				}else if(t==4){
					this.teacher.card_z_image='';
				}else if(t==5){
					this.teacher.card_f_image='';
				}else if(t==6){
					this.teacher.js_image='';
				}
			},
			name: function(event) {
			    this.teacher.name = event.target.value
			},
			card_no: function(event) {
			    this.teacher.card_no = event.target.value
			},
			school: function(event) {
			    this.teacher.school = event.target.value
			},
			zhuanye: function(event) {
			    this.teacher.zhuanye = event.target.value
			},
			ruxue: function(event) {
			    this.teacher.ruxue_time = event.target.value
			},
			biye: function(event) {
			    this.teacher.biye_time = event.target.value
			},
			gzyear: function(event) {
			    this.teacher.px_year = event.target.value
			},
			zx: function(event) {
				if(event.target.value==true){
					this.teacher.is_zx = 1;
				}else{
					this.teacher.is_zx = 0;
				}
			},
			zgz: function(event) {
				if(event.target.value==true){
					this.teacher.is_js = 1;
				}else{
					this.teacher.is_js = 0;
				}
			}
		}
	}
</script>

<style>
	.chongxin{width:100px;height:25px;line-height: 25px;text-align: center;background-color: #05c160;color: #fff;border-radius: 3px;float: right;font-size: 0.75rem;}
	.jingyan2 input{width:100%;height:30px!important;text-align: center;border:0px;}
	.jingyan4{width:30px;height:30px;line-height: 30px;text-align: center;margin-top: 7.5px;float: left;}
	.jingyan3{width:30px;height:30px;line-height: 30px;text-align: center;background-color: #f4f4f4;border-top-right-radius: 3px;border-bottom-right-radius: 3px;margin-top: 7.5px;float: left;font-size: 1.2rem;}
	.jingyan2{width:50px;height:30px;line-height: 30px;text-align: center;background-color: #f4f4f4;margin-top: 7.5px;float: left;margin-left: 1px;margin-right: 1px;}
	.jingyan{width:30px;height:30px;line-height: 30px;text-align: center;background-color: #f4f4f4;border-top-left-radius: 3px;border-bottom-left-radius: 3px;margin-top: 7.5px;float: left;font-size: 1.2rem;}
	.switch{transform:scale(0.7);float: right;margin-top: 8px;}
	.paytype3{width:100%;height:40px;flex:1;}
	.paytype2{width:80px;height:40px;line-height: 40px;margin-right: 5px;}
	.paytype{width:94%;padding: 0px 3%;display: flex;border-bottom: 1px rgb(245, 245, 245) solid;}
	
	.geng8{width:80%;height:35px;line-height: 35px;background-color: #05c160;margin: 0 auto;color: #fff;text-align: center;border-radius: 3px;margin-top: 20px;}
	.geng7{width:30%;height:30px;line-height: 30px;text-align: center;background-color: #05c160;color:#fff;border-radius: 3px;margin-top: 5px;float: right;font-size: 0.75rem;margin-left: 5px;}
	.geng6 input{width:60%;height:40px;float: left;font-size: 0.875rem;}
	.geng6{width:100%;height:40px;flex:1;}
	.geng5{width:80px;height:40px;line-height: 40px;}
	.geng4{width:94%;padding: 0px 3%;height:40px;border-bottom: 1px rgb(245, 245, 245) solid;display: flex;}
	.geng3 image{width:20px;height:20px;float: right;margin-top: 10px;}
	.geng3 text{font-weight: 550;}
	.geng3{width:94%;padding: 0px 3%;height:40px;line-height: 40px;border-bottom: 1px rgb(245, 245, 245) solid;}
	.geng2{width:100%;height:200px;position: fixed;bottom: 0px;background-color: #fff;z-index: 9999;}
	.geng{width:100%;height:100vh;position: fixed;top:0px;z-index: 9995;background-color: #000000;opacity: 0.7;}
	.yes{width:94%;padding: 10px 3%;line-height: 25px;color:#05c160;border-bottom: 1px rgb(245, 245, 245) solid;}
	.shenhe{width:94%;padding: 10px 3%;line-height: 25px;color:#0562cb;border-bottom: 1px rgb(245, 245, 245) solid;}
	.cause{width:94%;padding: 10px 3%;line-height: 25px;color:red;border-bottom: 1px rgb(245, 245, 245) solid;}
	.fengcai .fccha{width:20px;height:20px;position: absolute;top:-5px;right:-5px;background-color: #fff;border-radius: 50%;}
	.fengcai .fcimg{width:80px;height:80px;}
	.fengcai{width:80px;height:80px;margin-right: 15px;position: relative;margin-bottom: 10px;float: left;}
	.zhuzhu{color:#b2b1b1;}
	.info7 textarea{width:100%;height:66px;line-height: 22px;font-size: 0.85rem;margin-bottom: 8px;}
	.info7{width:100%;overflow: hidden;}
	.info6{width:100;height:45px;line-height: 45px;}
	.info5{width:94%;padding: 0px 3%;border-bottom: 1px rgb(245, 245, 245) solid;}
	.genghuan{width:60px;height:25px;line-height: 25px;text-align: center;background-color: #05c160;color:#fff;border-radius: 3px;float: right;margin-top: 10px;margin-left: 5px;font-size: 0.75rem;}
	.input-value-border{border:0px!important;text-align: right;}
	.info3 picker{height:45px;line-height: 45px;}
	.info4{width:100%;height:40px;line-height: 40px;text-align: center;background-color: #05c160;color:#fff;position: fixed;bottom: 0px;z-index: 999;}
	.info3 image{width:65px;height:65px;margin-top: 7.5px;float: right;}
	.info3 input{width:100%;height:45px;font-size: 0.85rem;color:#333;}
	.info3{width:100%;height:45px;flex:1;}
	
	.info2 text,.info6 text{color:red;}
	.info2{width:110px;height:45px;line-height: 45px;margin-right: 5px;}
	.info{width:94%;padding: 0px 3%;display: flex;border-bottom: 1px rgb(245, 245, 245) solid;}
	.main{width:100%;}
</style>
